<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
<body>
	<ui:composition>
		<p:dataTable var="project" value="#{dtProjectLazyView.lazyModel}"
			paginator="true" rows="10"
			paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"
			rowsPerPageTemplate="5,10,15"  selectionMode="single"
			selection="#{selectionBean.selectedItem}" id="projectItemTable" lazy="true">
			<p:ajax event="rowSelect"
				listener="#{dtProjectLazyView.onRowSelect}"
				update="#{ajaxUpdate}" oncomplete="#{ajaxOnComplete}" />
			<p:column headerText="ID" sortBy="#{project.id}" filterBy="#{project.id}">
				<h:outputText value="#{project.id}" />
			</p:column>
			<p:column headerText="Code" sortBy="#{project.code}"
				filterBy="#{project.code}">
				<h:outputText value="#{project.code}" />
			</p:column>
			<p:column headerText="Description" sortBy="#{project.description}"
				filterBy="#{project.description}">
				<h:outputText value="#{project.description}" />
			</p:column>
			<p:column headerText="Job Number" sortBy="#{project.jobNumber}"
				filterBy="#{project.jobNumber}">
				<h:outputText value="#{project.jobNumber}" />
			</p:column>
		</p:dataTable>

	</ui:composition>
</body>
</html>